<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > 

   <head> 
       <title>Bienvenue !</title> 
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
              <link rel="stylesheet" media="screen" type="text/css" title="Design" href="tuto.css" /> 
              <style type="text/css">
body 
{ 
   width: 900px; 
   margin: auto; 
   margin-top: 20px;   
   margin-bottom: 20px;    
background-image: url("machin.png"); 
} 

#menuHorizontal 
{ 
   float: left;  
   width: 1000px;  
    background-color: #000000; 
   background-repeat: repeat-x; 
   border: 1px solid gray; 
    margin-bottom: 20px;  
    -webkit-border-radius: 15px; 
    -moz-border-radius: 15px; 
    filter: alpha(opacity=80);  
-moz-opacity: 0.80; 
-khtml-opacity: 0.80; 
opacity: 0.80; 
} 

#menuHorizontal ul {  
 margin:0; 
 padding:0; 
 list-style-type:none; 
 text-align:center; 
 } 
#menuHorizontal li { 
 float:left; 
 margin:0px; 
 padding:0px; 
 } 
#menuHorizontal li a { 
 display:block; 
 width:80px; 
 text-decoration:none; 
 padding:5px; 
 color: #1E7FCB; 
 } 

#menuHorizontal li a:hover { 
 color:#FFD700; 
 } 
   


#corps 
{ 
 color: #1E7FCB; 
 margin-top:90px; 
 width:960px; 
float:top; 
   margin-bottom: 20px;  
   padding: 20px; 
    -webkit-border-radius: 15px; 
    -moz-border-radius: 15px; 
 background-color: #000000; 
    filter: alpha(opacity=80);  
-moz-opacity: 0.8; 
-khtml-opacity: 0.8; 
opacity: 0.8; 
border: 1px solid gray; 
} 

#corps img 
{ 
  background-color:#fafbfc; 
  border:1px solid #b0b0b0; 
  margin:0 0 10px 10px; 
  padding:5px; 
  } 




.Titredusite 
{ 
 font-family: "Nueva Std"; 
 font-size: 40px; 
} 



.valider 
{ 
 margin-left: 170px; 
} 


#menuVertical 
{ 
float: left; 
  background-color:#FFF; 
  margin-right:40px; 
   background-repeat: repeat-x; 
   border: 1px solid gray; 
    margin-bottom: 20px;  
    -webkit-border-radius: 15px; 
    -moz-border-radius: 15px; 
    filter: alpha(opacity=80);  
-moz-opacity: 0.80; 
-khtml-opacity: 0.80; 
opacity: 0.80; 
width:300px; 
} 

#menuVertical a 
{ 

 color:#1E7FCB; 
}



</style></head> 
<body> 
    
   <div id="menuHorizontal"> 
        
       <ul id='menuderoulant'> 
<li><a href='Accueil.php'>Accueil</a></li> 
            
<li><a href='contact.php'>Contact</a></li> 


<li><a href='machin.php'>Machin</a></li> 

<li><a href='machin.php'>Machin</a></li> 

<li><a href='galerie.php'>Galerie</a></li> 


<li><a href='livredor.php'>Livre d'or</a></li> 


       </ul> 
        
        
        
   </div> 
    
   <div id='menuVertical'> 
    
   <ul> 
    
   <li><a href='machin.php'>Machin</a> 
         <ul class="sousmenu">  
<li><a href='Machin.php'>Machin</a></li> 
<li><a href='Machin.php'>Machin</a></li> 
<li><a href='Machin.php'>Machin</a></li> 
<li><a href='machin.php'>Machin</a></li> 
</ul> 
</li>    
    
   <li><a href='machin.php'>machin</a></li> 
    
   <li><a href='machin.php'>machin</a></li> 

<li> 
<a href='machin.php'>machin</a> 
<ul class="sousmenu"> 
<li><a href='machin.php'>machin</a></li> 
</ul> 
</li> 

<li> 
<a href='machin.php'>machin</a> 
  <ul class="sousmenu">  
<li><a href='machin.php'>machin</a></li> 
  </ul> 
  </li> 

</ul> 

    
   </div> 
    
   </div> 

</body>
